.tag {
    .has-ellipsis {
        max-width: 10em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .delete, &.is-delete {
        @each $name, $pair in $colors {
            $color: nth($pair, 1);
            &.is-#{$name} {
                background: $color;
                &:hover {
                    background-color: darken($color, 10%);
                }
            }
        }
    }
}
